<template>
	<view class="activeDetail">
		<view class="topBanner" v-for="(item,index) in detail" :key="index">
			<img :src=item.img alt="">
			<view class="havaPadding">
				<view>{{item.tit}}</view>
				<view class="ticket">
					<view>免费</view>
					<view>余票{{item.yp}}张</view>
				</view>
				<view class="addres">
					<img src="../../static/images/addrees.png" alt="">
					<view>{{item.address}}</view>
				</view>

				<view class="timeSlot">
					<img src="../../static/images/dataIcon.png" alt="">
					<view>{{item.star}} 至 {{item.end}}</view>
				</view>
				<view class="timeBox">
					<img src="../../static/images/time.png" alt="">
					<view>{{item.time}}</view>
				</view>
				<view class="phoneBox">
					<img src="../../static/images/phone.png" alt="">
					<view>{{item.phone}}</view>
				</view>
			</view>
			<!-- 秒杀播报 -->
			<view class="secondKill">
				<view class="tit">秒杀播报</view>
				<view class="tabel">
					<view class="topLabel">
						<view>秒杀开始时间</view>
						<view>票数</view>
						<view>状态</view>
					</view>
					<view class="topLabel lableValue">
						<view class="value1">
							<view>2021-09-27</view>
							<view>15:00</view>
						</view>
						<view class="value2">
							<text>288</text>
						</view>
						<view>
							正在秒杀
						</view>
					</view>
				</view>
			</view>

		</view>
		<!-- 活动详情 -->
		<view class="activityDetail">
			<view class="tit">活动详情</view>
			<view class="detailCitent">
				<view>开封三部大戏即将亮相省戏剧大赛舞台 </view>
				<view>活动时间：2021-10-01-2021-10-07</view>
				<view>秒杀时间：2021-09-27 15</view>
				<view>活动地点：驻马店工人文化宫</view>
				<view>活动名额：500人</view>
				<view style="margin-top: 10upx;">
					2021年10月1日，“舞台艺术结硕果，献礼建党一百年”第十五届河南省戏剧大赛将在驻马店隆重开幕。省戏剧大赛是河南省专业艺术最高赛事，每三年一届。开封市文广旅局高度重视，积极组织豫剧现代戏《党的女儿》《老屋》、杂技剧《槐树爷爷》参加此次大赛。通过大赛，培养锻炼我市文艺队伍，展示舞台艺术创作新成果，用精品力作向中国共产党成立100周年献礼。
				</view>
				<view class="banner">
					<img src="../../static/images/banners.png" alt="">
				</view>
				<view>
					其中，杂技剧《槐树爷爷》将于4月3日下午在驻马店工人文化宫参赛演出，豫剧《党的女儿》《老屋》将分别于4月12日晚、4月26日晚在驻马店市民中心参赛演出。这是我市首次组织两台市直国有院团大戏，同时参加省戏剧大赛。
				</view>
				<view class="banner">
					<img src="../../static/images/detailBanner.png" alt="">
				</view>
				<view>
					现代豫剧《党的女儿》由开封市豫剧院独立出品，是一部弘扬红色文化的经典剧目，曾入选为河南省2019年度中原文艺精品创作工程重点项目。
				</view>
				<view class="havaColor">订票须知：</view>
				<view>1.本活动为一人一票制，<text class="havaColor">仅限承认参加，每个ID最多可订 1张票。禁止一人预定多个活动，</text>已经发现取消所有活动参与资格。</view>
				<view>2. <text class="havaColor">秒杀成功者，请在活动开始前准时到达活动现场凭手机号参加活动，活动开始后20分钟禁止入场。</text></view>
				<view>3.本票为惠民票，订完为止，不兑现，禁止出售倒卖，已经发现取消预定资格。</view>
				<view>4. <text class="havaColor">重大疾病者（心脏病、传染病等）禁止参与活动。</text></view>
			</view>
		</view>
		<!-- 活动单位 -->
		<view class="company">
			<view class="tit">活动单位</view>
			<view>主办单位：开封市文旅局</view>
			<view>承办单位：驻马店工人文化宫</view>
		</view>
		<!-- 用户评论 -->
		<view class="userComments">
			<view class="tit">用户评论</view>
			<view class="noCom">暂无评论</view>
		</view>
		<!-- 相关推荐 -->
		<view class="recommend">
			<view class="tit">
				相关推荐
			</view>
			<view class="recomList">
				<view class="recomItem" v-for="(item,index) in recomList" :key="index">
					<view class="pic">
						<img :src=item.img alt="" >
					</view>
					<view class="recomTit">{{item.tit}}</view>
				</view>
			</view>
		</view>
		<!-- 底部操作栏 -->
		<view class="actionBar">
			<view>
				<img src="../../static/images/infor.png" alt="">
			</view>
			<view>
				<img src="../../static/images/zan.png" alt="">
				<text>324</text>
			</view>
			<view>
				<img src="../../static/images/shoucang.png" alt="">
			</view>
			<view class="btn">
				立即秒杀
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				recomList:[
					{img:'../../static/images/tj1.png',tit:'平顶山市美术作品（中当升科技'},
					{img:'../../static/images/tj2.png',tit:'平顶山市美术作品（中当升科技'},
					{img:'../../static/images/tj3.png',tit:'平顶山市美术作品（中当升科技'},
					{img:'../../static/images/tj4.png',tit:'平顶山市美术作品（中当升科技'}
				],
				detail: [{
					img: '../../static/images/detailBanner.png',
					tit: '开封三部大戏即将亮相省戏剧大赛舞台',
					yp: '223',
					address: '驻马店工人文化宫',
					star: '2021-10-01',
					end: '2021-10-07',
					phone: '0371-23876171 ',
					time: '下午15：00'
				}]
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss" src="./index.scss">

</style>
